<template>
    <div id="main">
        <div id="login">
            <div id="content">
                <LogoLog></LogoLog>
            </div>
        </div>
    </div>
</template>

<script>
import LogoLog from './components/Logo_Log'
export default {
    components:{
        LogoLog,
    }
}
</script>

<style>
    #main{
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content:center;
        align-items:center;
    }
    html,body{
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }
    body{
        background:url("./assets/背景.png") no-repeat;
    }
    #login{
        width:700px;
        height:386px;
        border-radius:5px;
        background-color:rgba(246,246,247,0.85);
        display: flex;
        flex-flow: column nowrap;
        justify-content:flex-start;
        align-items: center;
    }
    #content{
        width:540px;
    }
</style>


